<html>
	<head>
		<title>Auto Suggest Experiment using YUI</title>
		<!--CSS file (default YUI Sam Skin) -->
		<link type="text/css" rel="stylesheet" href="http://yui.yahooapis.com/2.8.2r1/build/autocomplete/assets/skins/sam/autocomplete.css">
 
		<!-- Dependencies -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/yahoo-dom-event/yahoo-dom-event.js"></script>
		<script src="http://yui.yahooapis.com/2.8.2r1/build/datasource/datasource-min.js"></script>
 
		<!-- OPTIONAL: Get (required only if using ScriptNodeDataSource) -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/get/get-min.js"></script>
 
		<!-- OPTIONAL: Connection (required only if using XHRDataSource) -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/connection/connection-min.js"></script>
 
		<!-- OPTIONAL: Animation (required only if enabling animation) -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/animation/animation-min.js"></script>
 
		<!-- OPTIONAL: JSON (enables JSON validation) -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/json/json-min.js"></script>
 
		<!-- Source file -->
		<script src="http://yui.yahooapis.com/2.8.2r1/build/autocomplete/autocomplete-min.js"></script>
	<script language="JavaScript">
		var myAutoComp = new YAHOO.widget.AutoComplete("myInput","myContainer", myDataSource);
	</script>
	</head>
	<body class="yui-skin-sam">
		
		// An outer container contains an input element and
	// a empty results container, both of which are passed
	// to the constructor
	<div id="myAutoComplete">
    	<input id="myInput" type="text">
    	<div id="myContainer"></div>
	</div>
	</body>	
</html>